<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>焊客e家-发布需求-设备对接</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		 <link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.1/themes/default/easyui.css">
		<link rel="stylesheet" href="css/htools.select.skin.css">
		<link rel="stylesheet" href="css/wangEditor.min.css">
		<link rel="stylesheet" href="css/hk_issue.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top" style="display: block;">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，</span>
						<a href="#" class="person">张三<span>（3）</span></a><i class="line"></i>
						<a href="#">退出</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/zndj1.png" alt=""></div>
				<div class="fr search">
					<ul class="navigation_bar" style="margin-top:20px;">
						<li>所在位置 : </li>
						<li>
							<a href="index.html">首页</a><img src="images/arrow_right.png" alt=""></li>
						<li>
							<a href="hk_zndj.html">智能对接</a><img src="images/arrow_right.png" alt=""></li>
						<li class="current">
							<a href="">发布对接</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--  -->
		<div class="wrapper ovw">
			<div class="content wrapLeft">
				<h3>发布对接需求，精准快速匹配</h3>
				<ul class="step">
					<li>1.选择分类</li>
					<li class="mar active">2.填写信息 <span>(发布设备)</span></li>
					<li class="end">3.需求完成</li>
				</ul>

				<div class="wrapContent ovw">
					<!--基本信息-->
					<div class="infoList ovw">
						<ul class="infoUl">
							<li class="centerList height76">
								<div class="category fl  wid351">
									<span>设备名称</span>
									<input type="text" name="inputList" id="name" value="" placeholder="请输入您的姓名" class="wid351" />
								</div>
								<div class="category fr wid351 height76">
									<span>选择类型</span>
									<div class="category fl  wid351">
										<select id="type">
											<option value="">请选择</option>
											<option value="">请选择1</option>
											<option value="">请选择2</option>
											<option value="">请选择3</option>
											<option value="">请选择4</option>
											<option value="">请选择5</option>
										</select>
									</div>
								</div>
							</li>
							<li class="centerList height76">
								<div class="category fl  wid351">
									<span>规格型号</span>
									<input type="text" name="inputList" id="name" value="" placeholder="请输入规格型号" class="wid351" />
								</div>
								<div class="category fr wid351 height76">
									<span>数量</span>
										<input type="number" name="inputList" id="name" value="" min="0" placeholder="请输入数量" class="wid351" />
									
								</div>
							</li>
							<li class="centerList height76">
								<div class="category  wid351 height76">
									<span>截止时间</span>
									<div class="easyui-panel">
										<div>
											<input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser">
										</div>
									</div>
								</div>
							</li>
							
							<li class="centerList height76">
								<div class="category  height76">
									<span>费用说明</span>
									<div class="category">
										<input class="ipt" type="text" placeholder="费用说明">
									</div>
								</div>
							</li>

							<li class="centerList ">
								<div class="category  ">
									<span>设备说明</span>
									<!-- 富文本 -->
									 <div id="text_box" style="height:160px;" ></div>
								</div>
							</li>
							<li class="ovw" style="clear:both">
								<h3 class="title_text">请填写联系方式</h3>
								<div class="category fl  wid351">
									<span>联系人</span>
									<input type="text" name="inputList" id="tel" value="" placeholder="请输入联系人姓名" class="wid351" />
								</div>
								<div class="category fr  wid351">
									<span>联系电话</span>
									<input type="text" name="inputList" id="tel" value="" placeholder="请输入联系人电话" class="wid351" />
								</div>
							</li>
							<li class="centerList  place " style="height:150px;">
								
								<span class="jy_site">交易地点</span>
								<div class="category fl">
									<select id="province" class="set_width">
										<option value="">- 请选择省份 -</option>
										<option value="">- 安徽 -</option>
									</select>

								</div>
								<div class="category fl">
									<select id="city" class="set_width">
										<option value="">- 请选择城市 -</option>
										<option value="">- 合肥 -</option>
									</select>
								</div>
								<div class="category fl">
									<select id="area" class="fr set_width">
										<option value="">- 请选择区域 -</option>
										<option value="">- 蜀山区 -</option>
									</select>

								</div>
								<div style="clear:both; padding-top:15px;">
									<input  class="ipt"  type="text" placeholder="请输入详细地址">
								</div>
								
							</li>


							<li><a href="hk_zndj_resume_publish.html" class="submit_btn" href="">提交</a></li>
						</ul>
					</div>
				</div>

			</div>
		

		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		<script src="js/jquery.1.9.1.js"></script>
		<script src="js/common.js"></script>
		<script src="jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
		<script src="js/jquery.htools.select.js"></script>
		<script src="js/wangEditor.min.js"></script>
		<script type="text/javascript">
			$(function() {
				//				选择分类
				// $('.wrapper .seclect .seclectList ul li').each(function() {
				// 	$('.wrapper .seclect .seclectList ul li').click(function() {
				// 		$(this).addClass('active').siblings().removeClass('active');
				// 	})
				// });
				
				// input获取焦点改变边框色 , 失去焦点还原
				// $("input").focus(function(){
				// 	$(this).css("borderColor","#024ea3")
				// });
				// $("input").blur(function(){
				// 	$(this).css("borderColor","#e4e4e4")
				// });
				$("input").not('.validatebox-text ').focus(function() {
					$(this).css({
						'borderColor': '#024ea3',
						'box-shadow': '0px 1px 8px 0px rgba(2, 78, 163, .15)'
					});

				});

				$("input").not('.validatebox-text ').blur(function() {
					$(this).css({
						'borderColor': '#e4e4e4',
						'box-shadow': '0px 1px 8px 0px rgba(2, 78, 163, 0)'
					});

				});

				//定义下拉框宽高
				//				类型				
				var $workSelect = $("#type");

				$workSelect.goSelectInput({
					height: 40,
					width: 349
				});
				$(".set_width").each(function(){
					$(this).goSelectInput({
						height: 40,
						width: 226
					});
				})
				//				交易地点样式
				$('.wrapper .wrapLeft  li.place ._htools-select').eq(2).css('margin-right', 0)

			})
		</script>
		<script>
	          // 富文本
	    var editor = new wangEditor('text_box');
	     editor.config.menus = [
	        'bold',
	        'underline',
	        'italic',
	        'strikethrough',
	        'eraser',
	        'forecolor',
	        // 'bgcolor',
	        // 'quote',
	        // 'fontfamily',
	        'fontsize',
	        // 'head',
	        // 'unorderlist',
	        // 'orderlist',
	        // 'alignleft',
	        // 'aligncenter',
	        // 'alignright',
	        // 'link',
	        // 'unlink',
	        // 'table',
	        // 'emotion',
	        // 'img',
	        // 'video',
	        //  'undo',
	        // 'redo',
	     ];
	        editor.create();
    </script>
    <script type="text/javascript">
	$(function(){
		// 设置日期初始值
		$("#_easyui_textbox_input1").attr("placeholder","2017-12-20");
	})
	// 日期
		function myformatter(date){
			var y = date.getFullYear();
			var m = date.getMonth()+1;
			var d = date.getDate();
			return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
		}
		function myparser(s){
			if (!s) return new Date();
			var ss = (s.split('-'));
			var y = parseInt(ss[0],10);
			var m = parseInt(ss[1],10);
			var d = parseInt(ss[2],10);
			if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
				return new Date(y,m-1,d);
			} else {
				return new Date();
			}
		}

	</script>
	</body>

</html>